<template>
<div>
  <!-- 头部面包屑 -->
  <el-breadcrumb separator-class="el-icon-arrow-right">
    <el-breadcrumb-item :to="{ path: '/home' }">首页</el-breadcrumb-item>
    <el-breadcrumb-item>货物信息</el-breadcrumb-item>
    <el-breadcrumb-item>货物信息(2)</el-breadcrumb-item>
  </el-breadcrumb>
<!--  六张图片-->
  <div class="goodsinfo">
    <GoodsItem v-for="(item,index) in $store.getters.showDataByPage({curPage:1,pageSize:6})" :key="index" :note="item.note"></GoodsItem>
  </div>
</div>
</template>

<script>
import GoodsItem from "@/components/goods/childComps/GoodsItem";
export default {
  name: "GoodsInfoImg",
  components: {
    GoodsItem
  }
}
</script>

<style scoped>
.goodsinfo {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-evenly;
  align-content: space-evenly;
  height: 500px;
}
</style>